<template>
  <div class="banner">
    <a-carousel autoplay>
      <img v-for="(item, index) in bannerList" :key="index" :src="item.url" alt="">
    </a-carousel>
  </div>
</template>
<script>
export default {
  name: "Banner",
  props: {
    bannerList: Array
  },
  data() {
    return {
      
    };
  }
};
</script>
<style lang="less" scoped>
.banner{
  margin-top: 73px;
  z-index: 0;
  img{
    width: 100%;
  }
}
</style>